<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/layui-v2.6.13/layui/css/layui.css"/>
		<script src="${pageContext.request.contextPath}/js/jquery.min-2.1.1.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/layui-v2.6.13/layui/layui.js"></script>
		<script>
/* 			function test(){
				//表单序列化
				var params = $("form").serialize();
				params += "&m=login";
				console.info(params);
				
				//ajax发送HTTP请求
				$.ajax({
					url:"l",//指定请求跳转的路径
					data:params,//请求提交的数据
					type:"POST",//请求提交的方式
					success:function(str){
						//请求发送成功回调函数
						alert(str);
					}
				}); 
			} */
		</script>
</head>
<body>
	<form>
		<div class="layui-layout layui-layout-admin">
			<!-- header头使用的是layui-header类（包括左侧、底部和中间内容必须在layui-layout-admin下使用），layui-layout-admin类标识后台公共布局/部分。 -->
			<div class="layui-header">`
				<!--layui-nav 代表的意思是layui导航
					layui-nav-tree 代表的意思是layui导航垂直布局
					layui-nav-side 代表的意思是layui导航在侧边布局显示 -->
				<!-- layui-nav-item下面的布局如图中的系统管理代表的就是列表的标题
					layui-nav-child下面的布局是列表的内容 -->
				<ul class="layui-nav">
				  <li class="layui-nav-item">
					  <!-- 徽章！
					   小圆点，通过 layui-badge-dot 来定义，里面不能加文字
					   椭圆体，通过 layui-badge 来定义。事实上我们把这个视作为主要使用方式
					   边框体，通过 layui-badge-rim 来定义-->
					<a href="">毕业生就业管理系统</a>
				  </li>
<!-- 				  <li class="layui-nav-item">
					<a href="">个人中心<span class="layui-badge-dot"></span></a>
				  </li> -->
				  <!-- layui-layout-right 与 layui-layout-left相反。控制显示位置 -->
				  <li class="layui-nav-item layui-layout-right">
					<a href="">用户名：张三</a>
					<dl class="layui-nav-child">
					  <dd><a href="javascript:;">修改信息</a></dd>
					  <dd><a href="javascript:;">安全管理</a></dd>
					  <dd><a href="javascript:;">退了</a></dd>
					</dl>
				  </li>
				</ul>
			</div>
			<!-- 后台的侧边导航栏主要的还是使用的 layui-side类 ，辅助类为 layui-side-scroll类。layui-side-scroll类主要是给测边栏溢出的内容加滚动条 -->
			<div class="layui-side  layui-bg-black">
				<ul class="layui-nav layui-nav-tree " lay-filter="test"">
					<!-- layui-nav-itemed 列表文字可随着背景色变色 -->
				  <li class="layui-nav-item layui-nav-itemed">
					<a href="javascript:;">默认展开</a>
					<dl class="layui-nav-child">
					  <dd><a href="s?m=selectAllStudent" target="content_iFrame">学生管理</a></dd>
					  <dd><a href="c?m=selectAllCollege" target="content_iFrame">学院管理</a></dd>
					  <dd><a href="ma?m=selectAllMajor" target="content_iFrame">专业管理</a></dd>
					</dl>
				  </li>
				  <li class="layui-nav-item">
					<a href="javascript:;">退出登录</a>
	<!-- 				<dl class="layui-nav-child">
					  <dd><a href="">移动模块</a></dd>
					  <dd><a href="">后台模版</a></dd>
					  <dd><a href="">电商平台</a></dd>
					</dl> -->
				  </li>
				</ul>
			</div>
			<div class="layui-body">
				<!-- 用HTML进行跳转 
				iframe
				name
				target-->
				<iframe name="content_iFrame" src="s?m=selectAllStudent" style="width: 100%;height: 100%;" frameborder="0"></iframe>
			</div>
		</div>
	</form>
</body>
</html>